@import url('./index-building_public.css');
.header-img{
    background-position: center;
    background-size: cover;
    padding: 18vw 12vw 20vw 12vw;
    position: relative;
}
.header-img .input-wrap{
    margin: 0 auto;
    width: 100%;
    height: 65vw;
    background: rgb(143,109,75); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(143,109,75,1) 0%, rgba(230,200,165,1) 55%, rgba(177,144,97,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(143,109,75,1) 0%,rgba(230,200,165,1) 55%,rgba(177,144,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(143,109,75,1) 0%,rgba(230,200,165,1) 55%,rgba(177,144,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f6d4b', endColorstr='#b19061',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    font-size: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;

}
.input-wrap input{
    text-align: center;
    color: #221814;
    background-color: transparent;
    border: none;
    width: 100%;
}
.header-img-up,.header-img-down{
    font-size: 12px;
    color: #221814;
    white-space: nowrap;
    overflow: hidden;
}
.header-img-content{
    text-align: center;
}
.header-img-content input:first-child{
    font-size: 19px;
    margin-bottom: 5px;
    border:none;
}
.header-img-content input:last-child{
    font-size: 30px;
}
input.text-center{
    font-size: 24px;
    margin-bottom: 5px;
    border:none;
}
.intro .building-tag{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 20px 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}
.building-tag span{
    padding: 3px 10px;
    margin: 0 2px;
    border-radius: 2px;
}
span.style1{
    border: 1px solid #fc5c62;
    color: #fc5c62;
}
span.style2{
    border: 1px solid #5ac8fa;
    color: #5ac8fa;
}
span.style3{
    border: 1px solid #00d449;
    color: #00d449;
}
span.style4{
    border: 1px solid mediumorchid;
    color: mediumorchid;
}
.intro .building-price{
    text-align: center;
    color: #5a5a5a;
    margin: 15px auto;
    font-size: 18px;
}
.intro .connect{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #5a5a5a;
    font-size: 16px;
}
.building-description{
    text-align: center;
}
img.quote{
    width: 24px;
    margin: 10px auto;
}
textarea.descrip {
    font-size: 16px;
    padding: 0 20px;
    border: none;
}
/*模块部分样式*/
.model-wrapper{
    margin-bottom: 30px;
}
.model.black{
    background: url('/assets/images/mohe/zhuoluye2/black_bg.jpg');
    background-position: center;
    background-size: cover;
    padding-bottom: 20px;
}
.model.black .img-wrapper{
    position: relative;
    padding-top: 40px;
    width: 85%;
}
.model.black .main{
    width: 100%;
}
.model.black .text{
    width: 15%;
    position: absolute;
    right: -7%;
    bottom: -30%
}
.model.black textarea{
    width: 78%;
    color: #ffffff;
    margin-bottom: 50px;
}
.model.black .eng_tag div{
    text-align: right;
    position: relative;
}
.model.black .eng_tag .line .dot{
    border: 2px solid #eed1aa;
    display: inline-block;
    border-radius: 1px;
    position: relative;
    top: -13px;
}
.model.white{
    background: url('/assets/images/mohe/zhuoluye2/white_bg.jpg');
    color: #3a3a39;
    position: relative;
    background-position: center;
    background-size: cover;
    padding-bottom: 20px;
    overflow: hidden;
}
.model.white .img-wrapper{
    font-size: 0;
}
.model.white .main1{
    width: 100%;
}
.model.white .main2{
    height: 35vw;
}
.model.white .text{
    height: 35vw;
}
.model.white textarea{
    margin-top: 20px;
    width: 90%;
    color: #3e3a39;
    margin-bottom: 50px;
}
.model.white .eng_tag{
    float: right;
}
.model.white .eng_tag div{
    text-align: left;
    position: relative;
}
.model.white .eng_tag .line .dot{
    border: 2px solid #eed1aa;
    display: inline-block;
    border-radius: 1px;
    position: relative;
    top: -13px;
}
.model textarea{
    padding: 20px;
    text-align: left;
    font-size: 18px;
    color: #2a2a2a;
    background-color: transparent;
    -webkit-user-select: text;
    border: none;
}
.model .eng_tag{
    color: #eed1aa;
    font-size: 18px;
    width: 45%;
}
.eng_tag .line{
    border-top: 1px solid #eed1aa; 
}
textarea{
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #2a2a2a;
    -webkit-user-select: text;
    resize: none;
}
.show{
    display: inline-block !important
}
#saveMsg{
    position: fixed;
    padding: 15px;
    text-align:center;
    border-radius:10px;
    background-color:#f7f7f7;
    font-size:18px;
    bottom: 0px;
    opacity:0.2;
    z-index:2000;
    width: 100%;
    display: none;
}